<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片</title>
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../bootstrap-icons-1.13.1/bootstrap-icons.min.css">
</head>
<body>
    <div class="container">
        <!--添加倒角-->
        <img src="../../image/lyf.jpeg" alt="图片正在加载" class="rounded" width="200px">

        <!--设置缩略图(图片有边框)-->
         <img src="../../image/lyf.jpeg" alt="图片正在加载" class="img-thumbnail" width="200px">

        <hr>
        <!--图片对齐方式-->
        <!--
            左浮动： float-left
            右浮动： float-right
        -->
         <img src="../../image/lyf.jpeg" alt="图片正在加载" class="img-thumbnail float-right" width="200px">
        <hr>

    </div>
</body>
</html>